<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width,height-device-height,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
        <meta name="theme-color" content="#448AFF">
        <script src="js\ajax.js"></script>
        <script src="js\storage.js"></script>
        <script src="js\string.js"></script>
        <script src="js\color.js"></script>
        <script src="js\Update.js"></script>
        <script src="js\others.js"></script>
        <link rel="manifest" crossorigin="use-credentials" href="manifest.json">
        <title>AdvKit</title>
        <style type="text/css">
        body{
            background-color: #000;
            color: #000;
            font-family: 'Segoe UI', Roboto, Geneva, Verdana, sans-serif;
            margin:0;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            transition: none;
            overflow: hidden;
            }
        #pf{
            opacity: 1.0;
        }
        #oobe{
            background-color: rgba(255, 255, 255, 0.9);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            position: absolute;
            top:3%;height:94%;
            left: 8%;width: 84%;
            border-radius: 1.5vmin;
            transition: all 1s;
        }
            </style>
        <script type="text/javascript">
            function removePoem() {
            setTimeout(function() {
            //var ele = document.getElementById("poem");ele.parentNode.removeChild(ele);
            document.getElementById("poem").style.display = "none";
            document.getElementById("oobe").style.display = "block";document.body.style.backgroundColor = "#DBE9F2";
            document.getElementById("i1").style.display = "none";
            document.getElementById("oobe").style.top = "0px";
            document.getElementById("oobe").style.height = "100%";
            document.getElementById("oobe").style.left = "0px";
            document.getElementById("oobe").style.width = "100%";
            }, 2000);
            setTimeout(function() {
            document.getElementById("oobe").style.top = "5%";
            document.getElementById("oobe").style.height = "90%";
            document.getElementById("oobe").style.left = "5%";
            document.getElementById("oobe").style.width = "90%";
            }, 2500);
            setTimeout(function() {
                document.getElementById("yes").style.opacity = "1";
                document.getElementById("option").style.opacity = "1";
                document.getElementById("title-oobe").style.opacity = "1";
            },3500);
        
        }
            function next0() {
                document.getElementById("yes").innerHTML="接受";document.getElementById("title-oobe").innerHTML="这是开源许可证";
                document.getElementById("option").innerHTML="兹发行STATUX软件。<br><br>© 2020-2021 Zey<br><br>此许可现在授予了拥有这个软件和关联文档文件（“软件”）的任何人自由处理该软件的权利，包括不受限制地使用、复制、修改、合并、发布、分发、再许可 和/或售卖、允许他人做相同的事情的权利，惟须遵循以下情况：<br><br>以上的著作权声明和本许可声明应该被包含在所有副本或实质性部分。<br><br>本软件按“原样”提供，不提供任何形式的明示或默示的保证，包括但不限于对适销性，特定目的的适用性和非侵权性的保证。在任何情况下，无论是由于软件，使用或其他方式产生的，与之有关或与之有关的合同，侵权或其他形式的任何索赔，损害或其他责任，作者或著作权所有者概不负责。";
                var element = document.getElementById("yes");element.setAttribute("onclick","next1()");}
            function next1() {
                document.getElementById("poem").style.display = "block";document.getElementById("poem").innerHTML = "请稍等...";
                document.getElementById("option").innerHTML="<br><br><br><input id='uname' value='' autofocus='autofocus' class='input-uname' placeholder='在这里输入主角名字' aria-label='主角姓名' autocomplete='off'><p id='ne' style='color:red'></p>";
                document.getElementById("poem").style.color = "black";document.getElementById("option").style.overflowY = "auto";
                document.getElementById("yes").style.display = "none";
                document.getElementById("uname").style.display = "none";
                document.getElementById("title-oobe").style.display = "none";
                setTimeout(function() {
                    document.getElementById("poem").style.display = "none";
                    //document.getElementById("oobe").style.display = "block";
                    document.getElementById("title-oobe").innerHTML = "谁将会使用STATUX?";
                    document.getElementById("yes").innerHTML="下一步";
                var element = document.getElementById("yes");element.setAttribute("onclick","next2()");
                document.getElementById("yes").style.display = "block";
                document.getElementById("uname").style.display = "block";
                document.getElementById("title-oobe").style.display = "block";
            },1000);}
            function next2() {
                if ( document.getElementById("uname").value=="") 
                {
                    document.getElementById("ne").innerHTML="用户名不能为空。";
                return false;
                }
                jqxx_CunChu("username", uname.value.replace(/ /g, "&amp;nbsp"));
                document.body.innerHTML="<div style='color:#fff;font-size: 8vmin;font-weight:200;position: absolute;top:50%;left:50%;transform: translateX(-50%) translateY(-50%);width:100%;text-align:center'><span id='pf'>几个看法：</span><br><p id='ps' style='font-size:40%;text-align:center;opacity: .0;'>请勿关闭电脑</p></div>"
                document.body.style.backgroundColor = "black";
                document.getElementById("pf").style.fontFamily = "'Segoe UI', sans-serif"
                /*
                setTimeout(function() {
                    document.getElementById("pf").style.transition="1.5s";
                    document.getElementById("ps").style.transition="2s";
                    document.getElementById("pf").style.opacity = ".0";
                }, 2100);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("ps").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="能量守恒，狗屁精神多了无法专注。";
                }, 3600);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "0";
                }, 6700);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="努力爬到高处，建立更广人脉。";
                }, 8300);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "0";
                }, 11400);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="逃避现实是不对的，一定要有一个了断。";
                }, 13000);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "0";
                }, 16100);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="理想是理想，现实是现实。";
                }, 17700);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "0";
                }, 20800);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="有能力，自己是有能力的。";
                }, 22400);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "0";
                }, 25500);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="人无完璧。和而不同，有时也无须美美与共。";
                }, 27100);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "0";
                }, 30200);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="有时只是因为你要的太少，别人才什么都不给你。";
                }, 31800);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "0";
                }, 34900);
                setTimeout(function() {
                    document.getElementById("pf").style.opacity = "1";
                    document.getElementById("pf").innerHTML ="对得起自己最重要。";
                    window.location.assign("index.html")
                }, 36500);*/window.location.assign("index.html")
            }
        </script>
    </head>
    <body onload="removePoem()">
        <div id="oobe" style="display: none;">
            <h1 id="title-oobe">此语言是否正确？</h1>
            <div id="option">
                <div class="ob cr">中文（简体）</div>
                <div lang="zh-tw" class="ob">中文（繁體）</div>
                <div lang="en" class="ob">English</div>
                <div lang="ja" class="ob">日本語</div>           
            </div>
            <div id="ctrl">
            <button id="yes" class="ok" onclick="next0()">是</button></div>
        </div>
        <img src="pic\wait.gif" id="i1" height="78.5px" width="82px">
        <p id="poem">海内存知己，南极若比邻。<br>请稍等...</p>
    </body>
    <style type="text/css">
        #i1{
            position: absolute;
            top:calc(50% - 80px);
            left:50%;
            transform: translateX(-50%) translateY(-50%);
        }
        #poem{
            position: absolute;
            top:50%;left:50%;
            width:100%;
            font-size: 1.5em;
            text-align: center;
            transform: translateX(-50%) translateY(-50%);
            color:#fff
        }
        h1{
            font-weight: 300;
            font-size: 8vmin;
            text-align: center;
            margin: 7vmin 0;
            padding-left:8%;
            transition: 1s
        }
        #option{
            overflow-y: scroll;
            height: 55vh;width: 40vw;
            position: relative;
            left: 28%;
            padding: 1%;
            border-right: 0;
            transition: 1s;
            opacity: .0;
        }
        .ok{
            height: 7vmin;max-height: 36px;
            width: 28vmin;max-width: 155px;
            background-color: #0062C5;
            color: #fff;
            border-radius: 3px;
            border:1px solid #0062C5;
            position: absolute;
            bottom: 4%;
            right: 3%;
            opacity: .0;
            transition: 1s,color 0;
        }
        .ok:hover{
            background-color: #003098!important;
        }
        .cr{
            background-color: #0062C5;color:#fff;border-radius: 2px;
        }
        .ob{
            padding: 18px;border-radius: 3px;}
        .ob:hover{background-color: #003098;color:#fff}
        #uname{width: calc(96% - 4px);
        padding: 2%;
        font-size: 1em;
        background-color: #fff;
        border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 0px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        border-radius: 4px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2),0 3px 0 rgb(105, 105, 105);
        }
        #uname:focus{
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2),0 3px 0 rgb(0, 118, 210);
        border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 4px;outline: 0;
        }
        #title-oobe{
            opacity: .0;
        }
        @media (min-height: 800px){
            .ob{font-size: 110%;}
            #poem{font-size: 120%;}
            #yes{font-size: 110%;}
        }
        @media (max-width: 415px){
            #option{
                width: 50vw;
                position: relative;
                left: 25%;
            }
        }
    </style>
</html>